<div>
  <form class="form-horizontal" role="form" novalidate name="myForm">
    <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search" style="height:190px;" ng-class="{'shou':!historicalTime.showSearchPanel}">
        <div>
          <label style="width:70px">业务线</label>
          <md-select ng-model="historicalTime.param.businessLineCode" ng-change="historicalTime.getTradType()">
            <md-option ng-value="bl.businessLineCode" ng-repeat="bl in historicalTime.businessLineList">{{bl.businessLineName}}</md-option>
          </md-select>
        </div>
        <div>
          <label style="width:70px">交易类型</label>
          <md-select ng-model="historicalTime.param.tradTypeCode">
            <md-option ng-value="bt.tradCode" ng-repeat="bt in historicalTime.tradTypeList">{{bt.tradName}}</md-option>
          </md-select>
        </div>
        <div>
          <md-input-container flex>
            <label>帐期</label>
            <input type="date" required name="startTime" ng-model="historicalTime.param.date" onkeydown="return false" time-date='date'>

            <div ng-messages="myForm.startTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="required">必填</div>
              <div ng-message="too-great">时间必须小于当前时间</div>
            </div>
          </md-input-container>
        </div>
      </div>
      <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="historicalTime.showSearchPanel"
        ng-hide="myForm.$invalid || !historicalTime.showArrow" ng-click="historicalTime.hideSearchPanel()" ></i>
      <md-button ng-disabled="myForm.$invalid" ng-click="historicalTime.search()" class="md-fab md-primary md-hue-1"
                 aria-label="Profile">
        <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="!historicalTime.showSearchPanel"></i>
        <i class="glyphicon glyphicon-search" ng-show="historicalTime.showSearchPanel"></i>
      </md-button>
    </div>
  </form>
  <div class="table-info">
    <div class="menus" ng-show="historicalTime.showIcon">
      <md-button aria-label="列表" id="ta" ng-click="historicalTime.changeViewType('table')" class="md-raised ico-btn">
        <img src="images/tables.png">
      </md-button>
      <md-button aria-label="图表" id="cha" ng-click="historicalTime.changeViewType('chart')" class="md-raised ico-btn">
        <img src="images/charts.png">
      </md-button>
      <form action="{{exportUrl}}" target="_black" method="post" style="display: initial;">
        <input type="hidden" name="data" value="{{historicalTime.sendData}}">
        <md-button type="submit" class="md-raised">导出Excel</md-button>
      </form>
    </div>
    <div ng-show="historicalTime.viewType === 'chart'" style="padding: 0 16px;">
      <div id="historicalTimeChart" style="position:relative; height:450px; width:1197px;"></div>
    </div>
    <div ng-show="historicalTime.viewType === 'table'">
      <div class="table-detail">
        <div class="t_r" style="overflow-x: scroll;">
          <div style="width: 100%; line-height: 18px; font-size: 18px; text-align: center; font-weight: bold;">
            {{historicalTime.title}}
          </div>
          <table class="table table-bordered"
                 style="min-width: 100%;max-width: none;table-layout: fixed;word-break:break-all;">
            <caption style="text-align:center;font-size:large;font-weight:bold;color:black">{{title}}</caption>
            <thead>
            <tr>
              <th>时刻</th>
              <th>业务线</th>
              <th>交易类型</th>
              <th>最高响应时间(ms)</th>
              <th>最低响应时间(ms)</th>
              <th>平均响应时间(ms)</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="data in historicalTime.dataList">
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{data.timeLine}}</div></td>
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{historicalTime.paramc.businessLineName}}</div></td>
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{historicalTime.paramc.tradTypeName}}</div></td>
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{data.maxTime}}</div></td>
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{data.minTime}}</div></td>
              <td width="100px;" class="diffcount-td"><div style="width:100%;">{{data.avgTime}}</div></td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>